<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>QUIGRAFIN - Insumos Quimicos para la Industria Gráfica en Peru</title>
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link rel="stylesheet" href="superzised/css/supersized.css" type="text/css" media="screen" />
<link rel="stylesheet" href="superzised/theme/supersized.shutter.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="superzised/js/jquery.easing.min.js"></script>
<script type="text/javascript" src="superzised/js/supersized.3.2.5.js"></script>
<script type="text/javascript" src="superzised/theme/supersized.shutter.min.js"></script>

<script type="text/javascript">
	
	jQuery(function($){
		
		$.supersized({
		
			// Functionality
			slideshow               :   1,			// Slideshow on/off
			autoplay				:	1,			// Slideshow starts playing automatically
			start_slide             :   0,			// Start slide (0 is random)
			stop_loop				:	0,			// Pauses slideshow on last slide
			random					: 	0,			// Randomize slide order (Ignores start slide)
			slide_interval          :   3000,		// Length between transitions
			transition              :   1, 			// 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
			transition_speed		:	800,		// Speed of transition
			new_window				:	1,			// Image links open in new window/tab
			pause_hover             :   0,			// Pause slideshow on hover
			keyboard_nav            :   1,			// Keyboard navigation on/off
			performance				:	1,			// 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
			image_protect			:	1,			// Disables image dragging and right click with Javascript
													   
			min_width		        :   1600,			// Min width allowed (in pixels)
			min_height		        :   340,			// Min height allowed (in pixels)
			vertical_center         :   0,			// Vertically center background
			horizontal_center       :   1,			// Horizontally center background
			fit_always				:	0,			// Image will never exceed browser width or height (Ignores min. dimensions)
			fit_portrait         	:   1,			// Portrait images will not exceed browser height
			fit_landscape			:   1,			// Landscape images will not exceed browser width
													   
			// Components							
			slide_links				:	'blank',	// Individual links for each slide (Options: false, 'num', 'name', 'blank')
			thumb_links				:	0,			// Individual thumb links for each slide
			thumbnail_navigation    :   0,			// Thumbnail navigation
			slides 					:  	[			// Slideshow Images
												
																		
												
												{image : 'banner/bann_1.jpg'},
											
											
											/*	{image : 'images/banner-principal/bann_2.jpg'},  
												{image : 'images/banner-principal/bann_3.jpg'},
												{image : 'images/banner-principal/bann_4.jpg'},  
												{image : 'images/banner-principal/bann_5.jpg'}*/
																			
												
												{image : 'banner/bann_2.jpg'},
											
											
											/*	{image : 'images/banner-principal/bann_2.jpg'},  
												{image : 'images/banner-principal/bann_3.jpg'},
												{image : 'images/banner-principal/bann_4.jpg'},  
												{image : 'images/banner-principal/bann_5.jpg'}*/
																			
												
											/*	{image : 'banner/bann_3.jpg'},*/
											
											
											/*	{image : 'images/banner-principal/bann_2.jpg'},  
												{image : 'images/banner-principal/bann_3.jpg'},
												{image : 'images/banner-principal/bann_4.jpg'},  
												{image : 'images/banner-principal/bann_5.jpg'}*/
																			
												
												{image : 'banner/bann_4.jpg'},
											
											
											/*	{image : 'images/banner-principal/bann_2.jpg'},  
												{image : 'images/banner-principal/bann_3.jpg'},
												{image : 'images/banner-principal/bann_4.jpg'},  
												{image : 'images/banner-principal/bann_5.jpg'}*/
																			
												
											/*	{image : 'banner/bann_5.jpg'},*/
											
											
											/*	{image : 'images/banner-principal/bann_2.jpg'},  
												{image : 'images/banner-principal/bann_3.jpg'},
												{image : 'images/banner-principal/bann_4.jpg'},  
												{image : 'images/banner-principal/bann_5.jpg'}*/
												{image : 'banner/bann_2.jpg'}
										],
										
			// Theme Options			   
			progress_bar			:	1,			// Timer for each slide							
			mouse_scrub				:	0
			
		})
		
	});
</script>
 <script type="text/javascript">
  $(document).ready(function(){ // Script del Slider
    $("div.opcion2, div.opcion3") . hide();
    $('a.opcion1') . addClass('aqui');
 
    $("a.opcion1").click(function(e){
        $('.menu_slider a').removeClass('aqui');
        $(this).addClass('aqui');
        $('div.opcion1').show('slow');
        $('div.opcion2, div.opcion3') . hide('slow');
        return false;
        e.preventDefault();
    });
 
    $("a.opcion2").click(function(e){
        $('.menu_slider a').removeClass('aqui');
        $(this).addClass('aqui');
        $('div.opcion2').show('slow');
        $('div.opcion1, div.opcion3') . hide('slow');
        return false;
        e.preventDefault();
    });
 
    $("a.opcion3").click(function(e){
        $('.menu_slider a').removeClass('aqui');
        $(this).addClass('aqui');
        $('div.opcion3').show('slow');
        $('div.opcion1, div.opcion2') . hide('slow');
        return false;
        e.preventDefault();
    });
});
</script>
<style>
 ul.menu_slider { padding:0; margin:0; list-style:none;  }
#contenidos  { 
	border:1px solid #CCC;
	width:600px;
	padding:20px;
	text-align:justify;
 }
.menu_slider a{
	color: #999;
	background:url(imagenes/vineta-cruz.png) no-repeat left;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:20px;
	display:block;
	margin-bottom:5px;
	font-size:12px;
}
.menu_slider a.aqui {   
	color: #093;

}
 </style>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>

<body>
<div id="contenedor">
	<?php include 'modulos/menu-principal.php'?>    
    <div id="cuerpo">
    	<div id="contenido-interes">
        <h1 class="titulo-general">INFORMACION DE INTERES</h1>
        <div class="linea_division"></div>
       
        <div id="temas">
        <ul class="menu_slider">
            <li><a class="opcion1" href="#" title="Opción 1">Informacion 1</a></li>
            <li><a class="opcion2" href="#" title="Opción 2">Informacion 2 </a></li>
            <li><a class="opcion3" href="#" title="Opción 3">Informacion 3</a></li>
            
		</ul>
        <div id="contenidos">
<div class="opcion1">
    <h1>Informacion 1</h1>
    <p>Para limpiar su grifería utilice vinagre al 5% con agua, para evitar la acumulación de Calcificación (cal), esto le permitirá conservar el brillo original del producto.
</p>
<a href="#" class="descargar">Descargar PDF</a>
    <div class="limpiar"></div>
</div>
 
<div class="opcion2">
    <h1>Informacion 2</h1>
   <p>Chema cuenta con BELLA FRAGUA CHEMA es un protector acrílico transparente, que una vez seco forma una película protectora repelente al agua, moho, grasa y otros contaminantes, aplicable a las fraguas cementicias en pisos y paredes.
  	
</p>
<a href="#" class="descargar">Descargar PDF</a>
<div class="limpiar"></div>
</div>
 
<div class="opcion3">
    <h1>Informacion 3</h1>
   <p>Cuando no vaya a utilizar su lavadero por periodos largos (más de 02 semanas), se recomienda cubrirlo con plástico; de no hacerlo la brisa marina podría erosionar su lavadero ya que contiene cloruro de sodio, principal enemigo del acero inoxidable.    
  </p>
  <a href="#" class="descargar">Descargar PDF</a>
    <div class="limpiar"></div>
</div>
</div>
        </div>
        
        <div id="imagen_interior"><img src="imagenes/information.jpg" width="275" height="220" alt=""></div>
        <div class="limpiar"></div>
   	  </div>
    </div>
    <?php include 'modulos/piepagina.php'?>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>